<template>
	<view class="page" :style="{'min-height':h+'px','padding-top':mt+'px'}">
		<c-nav-bar title="商户信息"></c-nav-bar>
		<view class="canyu">
			<view class="canyu1">
				<u--image :src="item.storeFrontPic" width="190rox" height="190rpx"></u--image>
			</view>
			<view class="canyu2">
				<view class="papdang1">
					<view class="haixian1">
						<view class="xhpd1">
							{{item.name}}
						</view>
						<view class="xhpd2">
							<view class="xhpd2new">
								{{item.categorytext||item.foodTypeName}}
							</view>
							<view class="xhpd2new">
								{{item.islandName}}
							</view>
						</view>
					</view>
					<view class="haixian2" @click="phone">
						<u--image src="https://i.ringzle.com/file/20240313/a03fb2d09dcd4ca29f4a3467024d28ca.png"
							width="56rpx" height="56rpx"></u--image>
					</view>
				</view>
				<view class="papdang2">
					<view class="yingyez1">
						营业中
					</view>
					<view class="yingyez2">
						{{item.openDate}}
					</view>
				</view>
				<view class="papdang3">
					<view class="dizhinew1">
						<u--image src="https://i.ringzle.com/file/20240313/7fec127b4f6f494daa6a3df04d711487.png"
							width="20rpx" height="25rpx"></u--image>
					</view>
					<view class="dizhinew2">
						{{item.areaDetail}}
					</view>
				</view>
			</view>
		</view>
		<view class="jdtsdh">
			<text>监督投诉电话</text>
			<view @tap="phoneed">
				立即拨打<u-icon name="arrow-right" color='#AAAAAA'></u-icon>
			</view>
		</view>
		<view class="yyxkzz">
			<view>营业许可资质</view>
			<image :src="item.licensePic" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				h: uni.getSystemInfoSync().windowHeight,
				mt: uni.getSystemInfoSync().statusBarHeight + 44,
				item: null,
				msflName: '',
				xzName: '',
			}
		},
		onLoad(option) {
			this.item = JSON.parse(decodeURIComponent(option.item));
			console.log(this.item);

		},
		methods: {
			phone() {
				uni.makePhoneCall({
					phoneNumber: this.item.phone
				});
			},
			// 监督电话
			phoneed() {
				uni.makePhoneCall({
					phoneNumber: '0580-5596306'
				});
			},
		}
	}
</script>

<style scoped lang="less">
	.page {
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
		background: #fff;

		.canyu {
			width: 100%;
			display: flex;
			margin: 30rpx 0 105rpx 0;

			.canyu1 {
				width: 190rpx;
				height: 190rpx;
			}

			.canyu2 {
				width: calc(100% - 190rpx);
				box-sizing: border-box;
				flex-grow: 1;

				.papdang1 {
					width: 100%;
					display: flex;

					.haixian2 {
						width: 56rpx;
						display: flex;
						justify-content: center;
						align-items: center;
					}

					.haixian1 {
						flex-grow: 1;

						.xhpd1 {
							width: 100%;
							font-family: PingFang-SC, PingFang-SC;
							font-weight: bold;
							font-size: 32rpx;
							color: #111111;
							line-height: 47.5rpx;
							text-align: left;
							font-style: normal;
							padding-left: 20rpx;
						}

						.xhpd2 {
							width: 100%;
							display: flex;
							align-items: center;
							padding-left: 20rpx;

							.xhpd2new {
								font-family: PingFangSC, PingFang SC;
								font-weight: 400;
								font-size: 24rpx;
								color: #777777;
								line-height: 47.5rpx;
								text-align: left;
								font-style: normal;
								padding-right: 20rpx;
							}
						}
					}
				}

				.papdang2 {
					display: flex;
					padding-left: 20rpx;

					.yingyez1 {
						width: 78rpx;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 26rpx;
						color: #333333;
						line-height: 47.5rpx;
						text-align: justify;
						font-style: normal;
					}

					.yingyez2 {
						flex-grow: 1;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 26rpx;
						color: #333333;
						line-height: 47.5rpx;
						text-align: left;
						font-style: normal;
					}
				}

				.papdang3 {
					padding-left: 20rpx;
					display: flex;
					align-items: center;

					.dizhinew1 {
						width: 30rpx;
						display: flex;
						align-items: center;
						justify-content: center;
					}

					.dizhinew2 {
						flex-grow: 1;
						font-family: PingFangSC, PingFang SC;
						font-weight: 400;
						font-size: 26rpx;
						color: #333333;
						line-height: 47.5rpx;
						text-align: justify;
						font-style: normal;
					}
				}
			}

		}

		.jdtsdh {
			display: flex;
			align-items: center;
			justify-content: space-between;

			&>text {
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 36rpx;
				color: #333333;
				line-height: 36rpx;
			}

			&>view {
				display: flex;
				align-items: center;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #AAAAAA;
				line-height: 36rpx;
			}
		}

		.yyxkzz {
			margin-top: 68rpx;

			&>view {
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #111111;
				line-height: 32rpx;
			}

			image {
				width: calc(100% - 36rpx);
				margin: 38rpx 18rpx 0;
			}
		}
	}
</style>